<template>
   <div class="">
    app...
   </div>
</template>

<script>
export default {
   name: 'Child-a',
  //  目前:props\data\methods\computed的数据都会进行数据代理(可以通过this直接访问这些数据)
  //  2.声明接受父组件传递的标签属性(只有声明接受了,才能使用)
  //数组方式
  // props:['num','person'],
  //对象方式
  // props:{
  //   //声明接受的三种方式
  //   num:Number,
  //   person:Object,//接受num属性 它的值是number类型
  // },
  // 第三种方式(最常用)
  props:{
    num:{
      type:Number,//类型
      // required:true,//必填
      // 基本类型默认值直接写 引用类型要写成函数形式
      default:0,
    },
    person:{
      type:Object,
      //引用类型默认值写成函数类型
      default:() => ({})//默认值(说明当前属性是可选属性)
    }
  },
  mounted(){
    //3.通过this使用props数据
    console.log(this.num);
    console.log(this.person);
  },
   data() {
       return {}
   },
  components: {}
}
</script>

<style scoped lang="less">
</style>
